/* eslint-disable max-len */
import React from "react";
import { vec, Group, LinearGradient, Path } from "@shopify/react-native-skia";

import type { StickerProps } from "./Sticker";

const size = { width: 134, height: 49, x: 100, y: 200 };

const Sticker = ({ matrix }: StickerProps) => {
  return (
    <Group transform={[{ translateX: size.x }, { translateY: size.y }]}>
      <Group matrix={matrix}>
        <Path
          path="M7.78401 0.950928C3.81201 0.950928 0.562012 4.20093 0.562012 8.17293V41.7489C0.562012 45.7219 3.81201 48.9709 7.78401 48.9709H126.216C130.187 48.9709 133.437 45.7219 133.437 41.7489V8.17293C133.437 4.20093 130.187 0.950928 126.216 0.950928H7.78401Z"
          color="white"
        />
        <Group>
          <LinearGradient
            start={vec(38.5176, 0)}
            end={vec(106.153, 0)}
            colors={["#3CBCEB", "#5F96E7", "#816FE3", "#9F5EE2"]}
          />
          <Path path="M38.5176 11.9521L23.3065 15.0137C23.4001 14.9911 23.284 14.92 23.3065 15.0137L23.1192 15.0587C23.0256 15.0812 23.0256 15.0812 22.9319 15.1037C22.9544 15.1973 22.8608 15.2198 22.8608 15.2198C22.8833 15.3135 22.7897 15.336 22.7897 15.336C22.8122 15.4296 22.7185 15.4521 22.741 15.5458L22.6699 15.6619L22.6924 15.7555L22.6486 30.8215C22.0229 30.2786 21.1612 29.9904 20.2735 30.0057C18.1008 30.0326 16.3333 31.7451 16.3828 34.0113C16.3161 36.2065 18.1221 37.9515 20.2948 37.9245C22.4899 37.9912 24.2349 36.1852 24.3016 33.99L24.2714 21.9133L37.797 19.2568L37.8822 27.8536C37.1628 27.3331 36.3948 27.0225 35.507 27.0378C33.3344 27.0647 31.4733 28.7996 31.5002 30.9723C31.5497 33.2385 33.2621 35.006 35.4347 34.9791C37.6073 34.9522 39.4685 33.2172 39.4415 31.0446L39.3981 12.7309C39.3756 12.6373 39.4693 12.6148 39.4693 12.6148L39.3531 12.5436C39.3306 12.45 39.3306 12.45 39.3081 12.3564L39.2856 12.2627C39.1695 12.1916 39.1695 12.1916 39.1695 12.1916C39.0533 12.1204 39.0533 12.1204 39.0308 12.0268C38.9147 11.9557 38.821 11.9782 38.7274 12.0007C38.7274 12.0007 38.5401 12.0457 38.5176 11.9521Z" />
          <Path path="M59.6336 13.6777L55.1015 26.5538L50.5236 13.6881C50.1598 12.587 49.7889 12.2799 49.2046 12.3213C48.5041 12.2916 47.9386 12.8237 47.9089 13.5242L47.9197 35.4114C47.9836 36.0894 48.5157 36.6549 49.1001 36.6135C49.8006 36.6432 50.366 36.1111 50.3958 35.4106L50.3118 18.9886L54.0011 29.3935C54.2523 30.0265 54.5296 30.3561 55.1139 30.3147C55.6046 30.2958 55.9342 30.0185 56.1962 29.4603L59.8188 18.9818L59.8092 35.4263C59.8731 36.1043 60.4052 36.6697 61.0832 36.6058C61.69 36.6581 62.2555 36.126 62.2852 35.4255L62.2744 13.5382C62.2105 12.8602 61.6784 12.2948 61.094 12.3362C60.3935 12.3064 59.9704 12.6062 59.6336 13.6777Z" />
          <Path path="M76.328 13.4926L76.3444 29.6336C76.2894 33.1136 75.1999 34.7621 73.1209 34.7665C70.9258 34.6998 69.8652 33.1718 69.8266 29.7144L69.8813 13.4572C69.8399 12.8728 69.3078 12.3074 68.6073 12.2776C68.0229 12.319 67.4575 12.8511 67.4277 13.5516L67.4406 30.0898C67.4458 34.6448 69.6904 36.9777 73.0542 36.9617C76.5116 36.9231 78.751 34.701 78.7232 30.0524L78.7104 13.5143C78.7401 12.8138 78.1144 12.2708 77.53 12.3122C76.8295 12.2825 76.2866 12.9082 76.328 13.4926Z" />
          <Path path="M83.2852 18.1248L83.2591 18.4283C83.2229 22.3989 84.3772 23.9044 87.7301 25.0795L89.0339 25.5586C91.1992 26.3258 91.8439 27.3594 91.8672 29.9291L91.8374 30.6296C91.8121 33.4091 90.7487 34.7542 88.7634 34.7361C86.9653 34.673 85.8786 33.4485 85.7131 31.1111C85.6717 30.5267 85.1396 29.9613 84.5327 29.909C83.8547 29.9729 83.3829 30.4825 83.3532 31.183C83.3648 32.4678 83.8374 34.4343 84.9953 35.5427C85.8983 36.4152 87.2957 36.8717 88.7903 36.9087C92.4576 36.9188 94.2323 34.4122 94.291 30.5352L94.2721 30.0445C94.2146 26.0963 93.154 24.5683 89.8011 23.3932L88.4748 22.8205C86.332 22.1469 85.6873 21.1133 85.664 18.5436L85.6451 18.0529C85.6443 15.5769 86.5204 14.2767 88.4833 14.2012C90.2813 14.2643 91.2519 15.4177 91.3238 17.7776C91.2716 18.3845 91.8037 18.9499 92.5042 18.9797C93.2047 19.0094 93.654 18.4062 93.7062 17.7993C93.7126 14.5291 92.0299 12.0611 88.4563 12.0286C84.7891 12.0185 83.2241 14.5737 83.2852 18.1248Z" />
          <Path path="M98.8108 13.4842L98.8442 35.4651C98.8856 36.0494 99.4177 36.6149 100.025 36.6671C100.703 36.6032 101.268 36.0711 101.32 35.4643L101.287 13.4833C101.245 12.899 100.713 12.3335 100.107 12.2813C99.4286 12.3452 98.8631 12.8773 98.8108 13.4842Z" />
          <Path path="M106.153 19.3091L106.153 29.6103C106.061 34.5849 108.399 36.8953 111.879 36.9504C113.655 36.9199 115.202 36.35 116.336 34.8887C117.141 33.7047 117.695 31.8878 117.664 30.1123C117.623 29.5279 117.184 28.9399 116.484 28.9102C115.784 28.8805 115.241 29.5062 115.188 30.1131C115.066 33.3121 113.909 34.6797 111.923 34.6616C109.657 34.7111 108.574 33.0895 108.539 29.2349L108.532 19.7279C108.497 15.8733 109.68 14.2023 111.876 14.269C113.955 14.2646 115.064 15.5828 115.245 18.8079C115.308 19.4859 115.841 20.0514 116.425 20.01C117.219 20.0172 117.668 19.414 117.627 18.8296C117.69 17.0316 117.146 15.1813 116.292 14.099C115.254 12.6647 113.718 12.0433 111.92 11.9802C108.462 12.0188 106.152 14.357 106.153 19.3091Z" />
        </Group>
      </Group>
    </Group>
  );
};

export const MusicSticker = { Sticker, size };
